const user = [
  {
    id: 1,
    name: "jay",
  },
  {
    id: 2,
    name: "jay",
  },
  {
    id: 3,
    name: "jay",
  },
];
const score = 66;

const fn = () => {
  return (
    <>
      {/* 循环渲染 */}
      <ul>
        {user.map((e) => {
          return <li key={e.id}>{e.id}</li>;
        })}
      </ul>
      {/* 条件渲染 */}
      <div>{score > 60 ? <p>及格</p> : <p>不及格</p>}</div>
      <div>
        {score < 60 ? (
          <p>不及格</p>
        ) : score <= 80 ? (
          <p>及格</p>
        ) : score <= 90 ? (
          <p>良好</p>
        ) : (
          <p>优秀</p>
        )}
      </div>
    </>
  );
};
export default fn;
